<!DOCTYPE html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <head lang="en">
    <title>CP1 Reversion</title>
    <meta charset="utf-8">
    <link href="style.css" rel="stylesheet" type="text/css">
    <script src="./js/scroll.js" charset="utf-8"></script>
    <script type="text/javascript">
      $("document").ready(function(){
          $("#navigator").load("./common/navigator.html");
      });
    </script>
    <script type="text/javascript">
      $("document").ready(function(){
          $("#footer").load("./common/footer.html");
      });
    </script>
    <div id="header">
  </head>


  </div>
</head>

<body>


  <div class="container demo">
   <div class="content">
      <div id="large-header" class="large-header">
         <canvas id="demo-canvas"></canvas>

<div class="wrap">

  <h1> <div class="lds-heart"><div></div> </div>CP1 Revision</h1>
  <div id="navigator">
  </div>
<div onclick="myFunction()" class="wrapper" id="elem">
<a href=# class="button4" style="background-color:#f14e4e">Hide side bar</a>
</div>

  <!-- Add all page content inside this div if you want the side nav to push page content to the right (not used if you only want the sidenav to sit on top of the page -->
  <div id="main">

<div id="sidebar" class="column side">
   <p>Actuarial practice is the subject that makes you happy everyday.</p>
   <p> In answering all the questions, notice the following tips. </p>
   <ul>
     <li>For all the questions, you need to state Basic fact + explanation.</li>
     <li>Provide enough details is rather important. </li>
     <li>Even for a "list" question, more explanation is needed than that.</li>
     <li>Give example where appropriate</li>
   </ul>

</div>

<div  class="container">
  <div id="nonsiderbar">

  <div class="column middle" id="pagebutton">
    <span><a href="./product/productindex.html">Products section</a></span>
  </div>

  <div class="column middle" id="pagebutton">
    <span><a href="./contract/contract.html">Contract design section</a></span>
  </div>

  <div class="column middle" id="pagebutton">
    <span><a href="./investment/investment.html">Investment section</a></span>
  </div>

  <div class="column middle" id="pagebutton">
    <span><a href="./model/model.html">Model section</a></span>
  </div>

  <div class="column middle" id="pagebutton">
    <span><a href="./internal/internal.html">Internal business management section</a></span>
  </div>

  <div class="column middle" id="pagebutton">
    <span><a href="./ee/eeindex.html">External environments</a></span>
  </div>

  </div>
</div>
</div>


<div id="footer">
</div>


</div>


</div>
</div>
</div>

    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/TweenLite.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/EasePack.min.js'></script>
    <!--<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo.js'></script>-->
      <script src="./js/mouse.js" charset="utf-8"></script>


</body>
